
.panel.panel-default
  .panel-heading
    
  .panel-body

     = simple_form_for(@customer, html: {class: 'form-vertical', novalidate: true}, wrapper: :vertical_form) do |o|
        .row
          .col-md-3
            = o.input :car_mo, label: '车型', disabled: true, input_html: {value: "#{@customer.car_mo}"} 
           
            = o.input :car_num, label: '车牌号', disabled: true
              
          .col-md-3
            = o.association :customer_level, label: '级别', disabled: true
            = o.input :name, label: '姓名', disabled: true
          .col-md-3
            = o.input :car_colour, label: '颜色', disabled: true
            = o.input :phone, label: '电话', disabled: true
          .col-md-3
            = o.input :car_fnum, label: '车架号', disabled: true
        
            = o.input :car_enum, label: '发动机号', disabled: true
        .row
          button type="button" class="btn btn-primary btn-xs glyphicon glyphicon-plus-sign" data-toggle="collapse" data-target="#demo1" style="margin-left:15px;"
          |*客户详细信息
          
          .collapse id="demo1" 
            .col-md-3
              = o.input :telephone, label: '固定电话', disabled: true
              = o.input :age, label: '年龄', disabled: true
              = o.input :id_num, label: '证件号码', disabled: true
              = o.input :customer_source, label: '客户来源', disabled: true
            .col-md-3
              = o.input :qq, label: 'QQ', disabled: true
              = o.input :birthday, label: '生日', as: :date, html5: true, disabled: true
              = o.input :addr, label: '联系地址', disabled: true
              = o.input :customer_type, label: '客户类型', disabled: true
            .col-md-3
              = o.input :email, label: '邮箱', disabled: true
              = o.input :occupation, label: '职业', disabled: true
              = o.input :zip_code, label: '邮编', disabled: true
            .col-md-3
              = o.input :sex, label: '性别', disabled: true
              = o.input :driving_expire, label: '驾驶证到期日', as: :date, html5: true, disabled: true
              = o.input :fax, label: '传真', disabled: true
        .row
          button type="button" class="btn btn-primary btn-xs glyphicon glyphicon-plus-sign" data-toggle="collapse" data-target="#demo2" style="margin-left:15px;"
          |*车辆详细信息
          
          .collapse id="demo2" 
            .col-md-3
              = o.input :of_date, label: '出厂日期', as: :date, html5: true, disabled: true
              = o.input :buy_date, label: '购买日期', as: :date, html5: true, disabled: true
              = o.input :force_expire, label: '交强险到期日', as: :date, html5: true, disabled: true
              = o.input :commercial_expire, label: '商业险到期日', as: :date, html5: true, disabled: true
            .col-md-3
              = o.input :last_cf_date, label: '最近来厂日期', as: :date, html5: true, disabled: true
              = o.input :last_cf_mileage, label: '最近来厂里程', disabled: true
              = o.input :last_care_date, label: '最近保养日期', as: :date, html5: true, disabled: true
              = o.input :last_care_mileage, label: '最近保养里程', disabled: true
            .col-md-3
              = o.input :fix_care_mileage, label: '定保里程', disabled: true
              = o.input :fix_care_cycle, label: '定保周期', disabled: true
              = o.input :next_care_date, label: '下次保养日期', as: :date, html5: true, disabled: true
              = o.input :next_care_mileage, label: '下次保养里程', disabled: true
            .col-md-3
              = o.association :insurer, label: '交强险保险公司', disabled: true
            
              = o.input :year_inspect_date, label: '年检日期', as: :date, html5: true, disabled: true
              = o.input :active_status, label: '活跃状态', disabled: true
              = o.input :oil_meter, label: '油表数', disabled: true
        